<i-form :model="this.data" class='app-form' ref='form'  id='dictoption_main' style="">
    <input style="display:none;" />
    <row >
            
<i-col class="form-layout-container" v-show="detailsModel.group1.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-group :model="detailsModel.group1" layoutType="TABLE_24COL" titleStyle="" class='' :uiActionGroup="detailsModel.group1.uiActionGroup" @groupuiactionclick="groupUIActionClick($event)" :caption="$t('entities.dictoption.main_form.details.group1')" :isShowCaption="false" uiStyle="DEFAULT" :titleBarCloseMode="0" :isInfoGroupMode="false" >    
    <app-form-group-data-panel slot="dataInfoPanel" :model="detailsModel.group1" :data="data" :context="context" :viewparams="viewparams"/>
    <row>
        <i-col class="form-layout-container" v-show="detailsModel.cname.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='cname' :itemRules="this.rules.cname" class='' :caption="$t('entities.dictoption.main_form.details.cname')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.cname.error" :isEmptyCaption="false" labelPos="LEFT">
    
<app-picker 
  :formState="formState"
  :data="data"
  :context="context"
  :viewparams="viewparams"
  :localContext ='{ }' 
  :localParam ='{ }' 
  :disabled="detailsModel.cname.disabled"
  name='cname'
  deMajorField='name'
  deKeyField='dictcatalog'
  :service="service"
  :acParams="{ serviceName: 'DictCatalogService', interfaceName: 'FetchDefault'}"
  valueitem='cid' 
  :value="data.cname"
  :pickupView="{ viewname: 'dict-catalog-pickup-view', title: $t('entities.dictcatalog.views.pickupview.title'), deResParameters: [], parameters: [{ pathName: 'dictcatalogs', parameterName: 'dictcatalog' }, { pathName: 'pickupview', parameterName: 'pickupview' } ], placement:'' }"
  style=""  
  @formitemvaluechange="onFormItemValueChange($event)">
</app-picker>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.val.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='val' :itemRules="this.rules.val" class='' :caption="$t('entities.dictoption.main_form.details.val')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.val.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.val"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.val.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.label.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='label' :itemRules="this.rules.label" class='' :caption="$t('entities.dictoption.main_form.details.label')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.label.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.label"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.label.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.pval.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='pval' :itemRules="this.rules.pval" class='' :caption="$t('entities.dictoption.main_form.details.pval')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.pval.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.pval"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.pval.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.showorder.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='showorder' :itemRules="this.rules.showorder" class='' :caption="$t('entities.dictoption.main_form.details.showorder')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.showorder.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.showorder"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.showorder.disabled" 
    type='number' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.disabled.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='disabled' :itemRules="this.rules.disabled" class='' :caption="$t('entities.dictoption.main_form.details.disabled')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.disabled.error" :isEmptyCaption="false" labelPos="LEFT">
    
<dropdown-list 
    v-model="data.disabled"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :disabled="detailsModel.disabled.disabled"
    style="width:100px;width: 100px;"
    valueType="number"
    tag='YesNo' 
    codelistType='STATIC'
    placeholder='请选择...'
/>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.expired.visible" :style="{}"  :sm="{ span: 12, offset: 0 }" :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }" :xl="{ span: 12, offset: 0 }">
    <app-form-item name='expired' :itemRules="this.rules.expired" class='' :caption="$t('entities.dictoption.main_form.details.expired')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.expired.error" :isEmptyCaption="false" labelPos="LEFT">
    
<dropdown-list 
    v-model="data.expired"
    :data="data"
    :context="context"
    :viewparams="viewparams"
    :localContext ='{ }' 
    :localParam ='{ }' 
    :disabled="detailsModel.expired.disabled"
    style="width:100px;width: 100px;"
    valueType="number"
    tag='YesNo' 
    codelistType='STATIC'
    placeholder='请选择...'
/>
</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.vfilter.visible" :style="{}"  :sm="{ span: 24, offset: 0 }" :md="{ span: 24, offset: 0 }" :lg="{ span: 24, offset: 0 }" :xl="{ span: 24, offset: 0 }">
    <app-form-item name='vfilter' :itemRules="this.rules.vfilter" class='' :caption="$t('entities.dictoption.main_form.details.vfilter')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.vfilter.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.vfilter"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.vfilter.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.iconcls.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='iconcls' :itemRules="this.rules.iconcls" class='' :caption="$t('entities.dictoption.main_form.details.iconcls')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.iconcls.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.iconcls"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.iconcls.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.cls.visible" :style="{}"  :lg="{ span: 24, offset: 0 }">
    <app-form-item name='cls' :itemRules="this.rules.cls" class='' :caption="$t('entities.dictoption.main_form.details.cls')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.cls.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box 
    v-model="data.cls"  
    @enter="onEnter($event)"  
     unit=""  
    :disabled="detailsModel.cls.disabled" 
    type='text' 
    style="">
</input-box>

</app-form-item>

</i-col>
<i-col class="form-layout-container" v-show="detailsModel.extension.visible" :style="{}"  :sm="{ span: 24, offset: 0 }" :md="{ span: 24, offset: 0 }" :lg="{ span: 24, offset: 0 }" :xl="{ span: 24, offset: 0 }">
    <app-form-item name='extension' :itemRules="this.rules.extension" class='' :caption="$t('entities.dictoption.main_form.details.extension')" uiStyle="DEFAULT" :labelWidth="130" :isShowCaption="true" :error="detailsModel.extension.error" :isEmptyCaption="false" labelPos="LEFT">
    <input-box v-model="data.extension" :textareaId="this.$util.createUUID()"  :disabled="detailsModel.extension.disabled" type='textarea' textareaStyle="height:200px;" ></input-box>

</app-form-item>

</i-col>
    
    </row>
</app-form-group>

</i-col>


    </row>
</i-form>